<div style="display: flex; flex-direction: column; height: 100%; width: 100%; overflow: hidden">
    <div id="myGrid" style="flex: 1 1 auto; height: 30%"></div>
    <div id="chart1" class="my-chart" style="flex: 1 1 auto; height: 30%"></div>
    <div style="display: flex; flex: 1 1 auto; height: 30%; gap: 8px">
        <div id="chart2" class="my-chart" style="flex: 1 1 auto; width: 50%"></div>
        <div id="chart3" class="my-chart" style="flex: 1 1 auto; width: 50%"></div>
    </div>
</div>
